var expanderModule = angular.module('expanderModule', [])
expanderModule.directive('pane', function () {
    return {
        restrict: 'EA',
        template: '<div style="border: 1px solid black;"><div class="title" style="background-olor: ' +
            'gray">{{title}}</div>' + +'<div ng-transclude></div>' +
            '</div>',
        replace: true,
        transclude: true,
        compile: function (element, attrs, transcludeFn) {
            return function (scope, element, attrs) {
                transcludeFn(scope, function (clone) {
                    var title = element.find('title');
                    var time = clone.find('.time');
                    var type = clone.find('.type');
                    var text = clone.find('.content');

                    title.append(time);
                    element.append(type);
                    element.append(text)
                });
            };
        }
    };
});